.source-view {
  height: 100%;
  width: 100%;
  background: #282c34;
  border-radius: 4px;
  overflow: hidden;

  :global {
    .cm-editor {
      height: 100%;
      font-family: 'Fira Code', monospace;
      font-size: 14px;

      .cm-content {
        padding: 12px;
      }

      .cm-line {
        line-height: 1.6;
      }

      .cm-gutters {
        background-color: #21252b;
        border-right: 1px solid #181a1f;
        padding: 0 8px;
      }

      .cm-activeLineGutter {
        background-color: #2c313a;
      }

      .cm-selectionBackground {
        background: rgba(73, 72, 62, 0.5) !important;
      }

      .cm-cursor {
        border-left-color: #528bff;
      }

      .cm-matchingBracket {
        background-color: rgba(82, 139, 255, 0.2);
        border: 1px solid #528bff;
      }
    }
  }
}